<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page isELIgnored="false" %>
<html>
<head>
    <title>用户登录</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="webjars/iview/3.4.0/dist/styles/iview.css">
    <script src="webjars/vue/2.6.10/dist/vue.js"></script>
    <script src="webjars/iview/3.4.0/dist/iview.js"> </script>
    <script src="webjars/axios/0.18.0/dist/axios.js"></script>
</head>
<body>
    <div id="root">
        <card style="width: 40%;margin: 80px auto">
            <p slot="title">
            	用户登录 
            </p>
        <i-form style="padding:50px;text-align:center"  action="${pageContext.request.contextPath}/login" method="post">
            <c:if test="${not empty error}">
                <alert type="error" show-icon>${error}</alert>
            </c:if>
            <form-Item>
                <i-input prefix="ios-contact" name="userCode"  placeholder="请输入用户名"  size="large"/>
            </form-Item>
            <form-Item>
                <i-input prefix="ios-lock" type="password" name="userPassword" placeholder="请输入密码"   size="large"/>
            </form-Item>
            <form-item>
            <i-button html-type="submit" type="primary" style="width:40%;">登 录</i-button>
            </form-item>
        </i-form>
        <img src="verifyImage" onclick="this.src='verifyImage?'+Math.random()">
        </card>
    </div>
    <script>
        new Vue({
            el:"#root"
        })
    </script>
</body>
</html>
